<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%String path = request.getContextPath();%>
<%@ taglib uri="/WEB-INF/tld/c.tld" prefix="c" %> 
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户提额 列表</title>
<jsp:include page="../../import.jsp" flush="true"/>
</head>
<body class="iframeBody">
<div class="Wrapper">
<div class="searchArea">
    <form id="searchBar">
        <div class="fieldset1 clearFix">

			<div class="FXBR">
				<div class="fieldBox">
					<div class="label">姓名</div>
					<div class="field">
						<input name="cstNm" id="cstNm" type="text" class="ui-textbox" value="" ligerui="width: 160">
					</div>
					<div class="label">证件号</div>
					<div class="field">
						<input name="certNo" id="certNo" type="text" class="ui-textbox" value="" ligerui="width: 160">
					</div>
					<div class="label">手机号</div>
					<div class="field">
						<input name="mobileNo" id="mobileNo" type="text" class="ui-textbox" value="" ligerui="width: 160">
					</div>
				</div>
			</div>

			<div class="FXBR">
				<div class="fieldBox">
					<div class="label">用户ID</div>
					<div class="field">
						<input name="usrId" id="usrId" type="text" class="ui-textbox" value="" ligerui="width: 160">
					</div>
					<div class="label">客户ID</div>
					<div class="field">
						<input name="cstId" id="cstId" type="text" class="ui-textbox" value="" ligerui="width: 160">
					</div>
					<div class="label">业务类型</div>
					<div class="field">
						<select name="busType" id="busType">
							<option value="">--全部--</option>
							<option value="0">内部</option>
							<option value="1">外部</option>
							<option value="2">物流</option>
						</select>
					</div>
				</div>
			</div>
            
            <div class="clearFix"></div>
	            <div class="btnsBox formBtns notRight">
					<span id="clearBtn" onclick="clearBtn();" class="sq-button-round">清空</span>
					<span id="searchBtn" onclick="searchBtn();" class="sq-button-round">查询</span>
					<span id="addBtn" onclick="addBtn();" class="sq-button-round">新增</span>
					<span id="importBtn"  onclick="importBtn();" class="sq-button-round">批量上传</span>
				</div>
        	</div>
        </form>
    </div>
</div>
<div id="mcrCstAmtGrid" class="sq-grid"></div>
</div>

<script type="text/javascript">
	var grid = null;
	$(function () {
	    initForm();
		initGrid();
	});

	//初始化表单
	function initForm(){
		$("#searchBar").ligerForm();
	}
	
	//查询按钮事件
	function searchBtn(){
		 var form = new liger.get("searchBar");
		 var data = form.getData();
		 for (name in data){
			grid.setParm(name,data[name]);
		 };
		grid.reload();
	}
	
	//查询参数
	function getSearchParams(){
		var form = new liger.get("searchBar");
        var data = form.getData();
        return data;
	}
	
	//初始化列表
	function initGrid(){
		$("#mcrCstAmtGrid").ligerGrid({
	    	url: '<%=path%>/mcr/mcrCstAmt/initList.do',
	    	method : 'post',
	    	isSingleCheck: false,
	    	parms:getSearchParams(),
	        columns: [
				{ display: '用户ID', name: 'usrId', width: 150, enabledSort:true},
				{ display: '客户ID', name: 'cstId', width: 150, enabledSort:true },
	            { display: '姓名', name: 'cstNm', width: 150, enabledSort:true },
	            { display: '证件号', name: 'certNo', width: 150, enabledSort:true},
	            { display: '手机号', name: 'mobileNo', width: 150, enabledSort:true},
				{ display: '起始日期', name: 'startTm', width: 150, enabledSort:true, render:renderDate},
	            { display: '结束日期', name: 'endTm', width: 150, enabledSort:true, render:renderDate},
				{ display: '授信金额(元)', name: 'creditAmt', width: 150, enabledSort:true,
					render:function(rowData,index,value){
						if(rowData.creditAmt){
							return '&yen;'+rowData.creditAmt;
						}
					}
				},
				{ display: '业务类型', name: 'busType', width: 150, enabledSort:true,
					render:function(rowData){
						if(rowData.busType=="0"){
							return "内部";
						}else if (rowData.busType=="1"){
							return "外部";
						}else if (rowData.busType=="2") {
							return "物流";
						} else {
							return "未知";
						}
					}
				},
				{ display: '上次授信金额(元)', name: 'lastCreditAmt', width: 150, enabledSort:true,
					render:function(rowData,index,value){
						if(rowData.lastCreditAmt){
							return '&yen;'+rowData.lastCreditAmt;
						}
					}
				},
				{ display: '上次授信日期', name: 'lastCreditTm', width: 150, enabledSort:true, render:renderDate},
	            getGridOperColumnContent()
	        ],
	        pageSize:10,
	        root:'rows',
	        record:'total',
	        hideLoadButton : true,
	        width: '100%',
	        height:'100%',
	        heightDiff:-2,
	        checkbox:true,
	        rownumbers:true
	    });
	    grid = liger.get("mcrCstAmtGrid");
	    grid.setHeight(100);
	}

	//Grid操作列
	function getGridOperColumnContent(){
		var data = {
			display: '操作',
			isSort: false,
			width: 280,
			render: function (rowdata, rowindex, value){
				var h='<a class="sq-button-hasicon" href="javascript:modifyRow(';
				h+="'"+rowdata.id+"'";
				h+=",'mid_man_grid_id'"
				h+=")\"><i class=\"sqBtnIco_4\"></i>修改</a>"


				var z='<a class="sq-button-hasicon" href="javascript:isValid(';
				z+="'"+rowdata.id+"',";
				z+="'"+'1'+"'";
				z+=",'mid_man_grid_id'"
				z+=")\"><i class=\"sqBtnIco_7\"></i>启用</a>"

				var y='<a class="sq-button-hasicon" href="javascript:isValid(';
				y+="'"+rowdata.id+"',";
				y+="'"+'0'+"'";
				y+=",'mid_man_grid_id'"
				y+=")\"><i class=\"sqBtnIco_7\"></i>禁用</a>"
				var returnStr = h;
				if(rowdata.isValid == 0){
					returnStr = z + h;
				}else{
					returnStr = y + h;
				}
				return returnStr;
			}
		}
		return data;
	}

	//删除数据
	function deleteRow(_id){
		$.ligerDialog.confirm('确定删除吗?', function (flag) {
			if(flag == false)return;
			var url = '<%=path%>/mcr/mcrCstAmt/removeById.do';
			AjaxUtils.ajaxPost(url, {id:_id}, delCallback);
		});
	}
	//删除回调
	function delCallback(msg){
		if(msg.success == 1){
			UIUtils.alertSuccess(msg.info);
			grid.reload();
		}else{
			UIUtils.alertError(msg.info);
		}
	}

	//启用禁用数据
	function isValid(_id,isValid){
		$.ligerDialog.confirm('确定执行该操作吗?', function (flag) {
			if(flag == false)return;
			var url = '<%=path%>/mcr/mcrCstAmt/modify.do';
			AjaxUtils.ajaxPost(url, {id:_id,isValid:isValid}, delCallback);
		});
	}

	//修改方法
	function modifyRow(_id){
		$.ligerDialog.SQopen({
			width: 800,
			height:400,
			title : '修改',
			url:'<%=path%>/mcr/mcrCstAmt/toAddPage.do?id='+_id,
			// 自定义buttons的时候 不要设置 fixButtons: true
			buttons: [{
				text: "保存", type: 'ok', cls: 'l-dialog-btn-ok',
				onclick: function (item, Dialog) {
					//在子页面里绑定 frameElement.dialog.onOk = function () {}
					if (Dialog.onOk) {
						Dialog.onOk();
					}
				}
			}, {
				text: "关闭", type: 'cancel', cls: 'l-dialog-btn-no',
				onclick: function (item, Dialog) {
					//在子页面里绑定 frameElement.dialog.onCancel = function () {}
					if (Dialog.onCancel) Dialog.onCancel();
				}
			}
			]
		});
	}

	//新增
	function addBtn(){
		$.ligerDialog.SQopen({
			width: 800,
			height:400,
			title : '新增',
			url:'<%=path%>/mcr/mcrCstAmt/toAddPage.do',
			// 自定义buttons的时候 不要设置 fixButtons: true
			buttons: [{
				text: "保存", type: 'ok', cls: 'l-dialog-btn-ok',
				onclick: function (item, Dialog) {
					//在子页面里绑定 frameElement.dialog.onOk = function () {}
					if (Dialog.onOk) {
						Dialog.onOk();
					}
				}
			}, {
				text: "取消", type: 'cancel', cls: 'l-dialog-btn-no',
				onclick: function (item, Dialog) {
					//在子页面里绑定 frameElement.dialog.onCancel = function () {}
					if (Dialog.onCancel) {
						Dialog.onCancel()
					};
				}
			}
			]
		});
	}

	// 导入客户信息
	function importBtn(){
		dialogForAddMain = $.ligerDialog.SQopen({
			width: 850,
			height:400,
			title : '导入用户提额信息',
			url:'<%=path%>/mcr/mcrCstAmt/toImportPage.do',
			onClosed: function () {
			},
			onLoaded: function () {
				_subWin=dialogForAddMain.get("_subWin");
			}
		});
	}


	//格式化时间
	function renderDate(rowdata, index, value){
		var dateStr = "";
		if(null != value){
			var date = new Date(value);
			dateStr = DateUtils.formatDate(date, DateUtils.YYYY_MM_DDHHMMSS);
		}
		return dateStr;
	}

	//清空按钮事件
	function clearBtn(){
		$("#resetBtn").click();  //重置 input-text
		var form = new liger.get("searchBar");
		form.setData({  //重置select等特殊表单
			"cstNm":"",
			"certNo":"",
			"mobileNo":"",
			"usrId":"",
			"cstId":"",
			"busType":""
		});
	}

</script>

</body>
</html>